<template>
	<view>
		<view class="search">
			<uni-search-bar placeholder="根据手机号码搜索订单" clearButton="always" :showSync='true' :show='true'></uni-search-bar>
		</view>
			<view class="item-content">
				<view class="item" v-for="(item,index) in  orderList" :key='index' v-if="item.status">
					<view class="buyers">
						<view class="buyers-bigBox">
							<view class="buyers-box">
								<view class="buyers-left">
									<text class="buyers-name">{{item.name}}</text>
									<view class="courier" v-if="item.self ==1">
										快递订单
									</view>
									<view class="courier" v-if="item.self ==0">
										自提订单
									</view> 
								</view>
								<view class="buyers-right">
									<text class="buyers-mobile">{{item.phone}}</text>
									<text class="goods-status" v-if="item.status==0||item.status==1 || item.status==6">待确认 </text>
									<text class="goods-status" v-if="item.status==2"> 待付尾款</text>
									<text class="goods-status" v-if="item.status==3"> 待自提</text>
									<text class="goods-status" v-if="item.status==4"> 待发货</text>
									<text class="goods-status" v-if="item.status==5"> 已评价</text>
								</view>
							</view>
							<view class="goods-detail">
								<view class="goods" v-for="(item1,index1) in item.order_goods" :key="index1">
									<view class="goods-top">
										<view class="goods-img">
											<image :src="item1.cover_url" mode=""></image>
										</view>
										<view class="goods-detail-text">
											<view class="goods">
												<span style='text-overflow: ellipsis;overflow: hidden;white-space: nowrap;'> {{item1.title}}</span>
												<span>¥{{item1.price}}</span>
											</view>
											<view class="goods-species">
												<span>{{item1.type_title}};&nbsp{{Unsplit(item1.spec)}}</span>
												<span>x{{item1.amount}}</span>
											</view>
										</view>
									</view>
									<view class="packing">
										<span>包装费¥{{item1.pack_money}}</span>
										<span>定金¥{{item1.earnest}}，尾款¥{{item1.final_payment}}，总价¥{{item1.total_price}}</span>
									</view>
									<view v-if="item.status==3">
										<view v-if="index1!=length-1 ">
											<view class="goods-sta sta sta1" v-if="item1.residue_amount== item1.amount">该商品未自提</view>
											<view class="goods-sta1 sta sta2 " v-if="item1.residue_amount!=0  ">该商品剩余{{item1.residue_amount}}件未自提</view>
											<view class="goods-sta2 sta sta3" v-if="item1.residue_amount==0 ">该商品已全部自提</view>
										</view>
									</view>
									<view v-if="item.status==4">
										<view v-if="index1!=length-1 ">
											<view class="goods-sta sta sta1" v-if="item1.residue_amount== item1.amount">该商品未发货</view>
											<view class="goods-sta1 sta sta2 " v-if="item1.residue_amount!=0  ">该商品剩余{{item1.residue_amount}}件未发货</view>
											<view class="goods-sta2 sta sta3" v-if="item1.residue_amount==0 ">该商品已全部发货</view>
										</view>
									</view>
								</view>
								<view class="total-price">
									<span>商品总计：</span>
									<span class='total'>定金¥{{item.earnest}}，尾款¥{{item.final_payment}}，总价¥{{item.pay_money}}</span>
								</view>
							</view>
							<view class="order-number">
								<span>订单编号：</span>
								<span class='number'>{{item.out_trade_no}}</span>
							</view>
							<view class="order-time">
								<span>下单时间：</span>
								<span class='time'>{{item.create_time_format}}</span>
							</view>
							<view class="order-btn">
								<view v-if="item.status==3">
									<view class="sta-sty">
										<view class="goods-sta sta sta1" v-if="order_goods[length-1].residue_amount==order_goods[length-1].amount  ">该商品未自提</view>
										<view class="goods-sta1 sta sta2" v-if="order_goods[length-1].residue_amount!=0 ">该商品剩余{{order_goods[length-1].residue_amount}}件未自提</view>
										<view class="goods-sta2 sta  sta3" v-if="order_goods[length-1].residue_amount==0 ">该商品已全部自提</view>
									</view>
								</view>
								<view v-if="item.status==4">
									<view class="sta-sty">
										<view class="goods-sta sta sta1" v-if="order_goods[length-1].residue_amount==order_goods[length-1].amount  ">该商品未发货</view>
										<view class="goods-sta1 sta sta2" v-if="order_goods[length-1].residue_amount!=0 ">该商品剩余{{order_goods[length-1].residue_amount}}件未发货</view>
										<view class="goods-sta2 sta  sta3" v-if="order_goods[length-1].residue_amount==0 ">该商品已全部发货</view>
									</view>
								</view>
								<view class="common" v-if="item.status==0 ||item.status==1">
									<view class="refund-btn btn" @click="refund(item)">退款</view>
									<view class="confirm-btn btn"@click="confirmOrder(item.id)">
										确认订单
									
									</view>
								</view>			
								<view class="confirm-btn btn" v-if="item.status==2 " @click="confirmPayment(item)">确认尾款</view>
								<view class="confirm-btn btn" v-if="item.status==3&&order_goods[length-1].residue_amount!=0 ||item.status==4&&order_goods[length-1].residue_amount!=0 "
								 @click='confirmDelivery(item)'>确认发货</view>
								<view class="confirm-btn btn" v-if="item.status==3 &&order_goods[length-1].residue_amount==0||item.status==4&&order_goods[length-1].residue_amount==0"
								 @click="reissue(item)">补发</view>
								<view class="confirm-btn btn" v-if="item.status==5" @click="checkEvaluation(item)">查看评价</view>
								<view class="common" v-if="item.status==6">
									<view class="refund-btn btn" @click="reject(item)">拒绝</view>
									<view class="confirm-btn btn" @click="aggree(item)">同意</view>
								</view>
							</view>
						
						
						
						
						</view> 
					</view>
				</view>
				
			</view>
			<!-- 没有更多 -->
			<view class="emptyda" v-if="orderList.length==0">
				<image class="emptyda_image" src="../../static/image/empty.png" mode=""></image>
				<text class="emptyda_text">没有找到该手机号的订单</text>
				<!-- <text class="emptyda_text">换个搜索词试试</text> -->
			</view>
		<uni-calendar ref="calendar" class="uni-calendar--hook" :clear-date="true" :date="info.date" :insert="info.insert" :lunar="info.lunar" :startDate="info.startDate" :endDate="info.endDate" :range="info.range" @confirm="confirm" @close="close" />
		<w-picker
		     :visible.sync="visible"
		     mode="selector"
		     value="1"
		     default-type="label"
		     :default-props="defaultProps"
		     :options="selectorList"
		     @confirm="onConfirm($event,'selector')"
		     @cancel="onCancel"
		     ref="selector" 
		 ></w-picker>
		</view>
	</view>
</template>

<script>
	import uniStatusBar from "@/components/uni-search-bar/uni-search-bar.vue";
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin],
		components:{
			uniStatusBar
		},
		data() {
			return {
				dataList:[],
				dataLists:[],
				status:2,
				phon:'',
				length:0,
				orderList:[],
				goodsList: [{
						nonum: 0,
						num: 3,
					},
					{
						nonum: 3,
						num: 3,
						},
				
				],
				order_goods:[],
				selectorList: [
					{
						name:'生产一部'
					},
					{
						name:'生产二部'
					},
					{
						name:'生产三部'
					},
					{
						name:'生产四部'
					},
					],	
				defaultProps:{"label":"name"},
				index: 0,
				calendar:false,
				isShow:false,
				visible:false,
				length:0,
				order_goods:[],
				info: {
					lunar: true,
					range: false,
					insert: false,
					selected: [],
					startDate:"2020-11-01",
					endDate:"2023-11-28"
				},
				// downOption: {
				// 	use:false,
				// 	auto: false //是否在初始化后,自动执行downCallback; 默认true
				// },
				// upOption:{
				// 	page:{
				// 		num : 0 ,
				// 		size : 5 ,
				// 		time : null
				// 	},
				// 	auto:true, // 不自动加载
				// 	noMoreSize: 1, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
				// 	empty:{
				// 		tip: '没有找到你想要的商品换个搜索词试试', // 提示
				// 		icon :'/static/serch/empty.png'
				// 	},
				// 	textNoMore:'—— 没有更多了 ——'
				// },
				// downOptions: {
				// 	use:false,
				// 	auto: false //是否在初始化后,自动执行downCallback; 默认true
				// },
				// upOptions:{
				// 	page:{
				// 		num : 0 ,
				// 		size : 5 ,
				// 		time : null
				// 	},
				// 	auto:true, // 不自动加载
				// 	noMoreSize: 1, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
				// 	empty:{
				// 		tip: '没人推荐商品了哦', // 提示
				// 		icon :'/static/serch/empty.png'
				// 	},
				// 	textNoMore:'—— 没有更多了 ——'
				// },
				
			};
		},
		onLoad() {
			uni.$on('serValue',(data)=>{
				this.phon=data
				console.log(data)
				this.orderIndexSearch()
			})
			this.orderIndexSearch()
		},
		methods:{
			orderIndexSearch(){
				this.api.search({
					phone:this.phon,
					uid:uni.getStorageSync('uid')
				}).then(res=>{
				// console.log(res.data);
				if(res.data.code==200){
					this.orderList = res.data.data.order.map(item=>{
						this.order_goods = item.order_goods
						console.log(this.order_goods);
						 this.length= item.order_goods.length
						 console.log(this.order_goods[this.length-1].residue_amount);
						 return item
					})
				}else{
					this.orderList=[]
				}
				}).catch(err=>{
				
			})
			},
			// 分割字符串
			  Unsplit(goods_spec){
				  // console.log(goods_spec);
				var spec = goods_spec.split(',')
				 console.log(spec[0])
				 return spec[1]+'枝/扎'+'; '+spec[0]
			  },
			
		// 日历取消
		cancel(){
			this.calendar = false
		},
		// 日历确认
		confirm (e) {
			this.calendar = false
			this.$refs.selector.show()
			this.date = e.fulldate
		},
		// picker确认
		onConfirm(e){
			console.log(e.obj.name)
			// this.$nextTick(function(){
				this.api.confirmOrder({
					order_id:this.id,
					date:this.date,
					department:e.obj.name
					
				})
			// })
			.then(res=>{
				   
			})
			.catch(err=>{})
		},
		// picker取消
		onCancel(){
			console.log(34)
		},
		// 顶部导航
		changetab(index, status) {
			this.datalist = this.datalist1
			this.curren = index
			if (index != 0) {
				this.datalist = this.datalist.filter(item => item.status == status)
			}
			this.api.orderListPart ({status:status}).then(res=>{
			   console.log(res.data)
				
				
			}).catch(err=>{
							 
			})
			
		},
		
		aggree(item) {
			var that = this
			uni.showModal({
				title: '确定同意该退款？',
				content: '同意后无法取消',
				success: function(res) {
					if (res.confirm) {
						console.log('用户点击确定');
						that.singleCheck(1,item.id)
						that.orderIndexSearch()
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},
		reject(item) {
			var that = this
			uni.showModal({
				title: '确定拒绝该退款？',
				content: '拒绝后无法取消',
				success: function(res) {
					if (res.confirm) {
						console.log('用户点击确定');
						that.singleCheck(0,item.id)
						that.orderIndexSearch()
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},
		refund(item) {
			uni.showModal({
				title: '确认取消这笔订单？',
				content: '退款将退回给客户，取消后无法撤销',
				success: function(res) {
					if (res.confirm) {
						console.log('用户点击确定');
						that.api.refund({
							order_id:item.id
						})
						.then(res=>{
							console.log(res);
							that.orderStatus()
						})
						.catch(err=>{})
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},
		confirmPayment(item) {
			var that = this
			uni.showModal({
				title: '确认用户已在线下支付尾款？',
				content: '请仔细核查尾款，提交后不可更改',
				success: function(res) {
					if (res.confirm) {
						console.log('用户点击确定');
						that.api.confirmRefund({
							order_id:item.id
						})
						.then(res=>{
							console.log(res);
							that.orderStatus()
						})
						.catch(err=>{})
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		},
		// 补发
		reissue(item) {
			
			if (item.status == 3) {
				uni.navigateTo({
					url: '../orderList/confirmDelivery/deliveryAllOrPart/deliveryAllOrPart?status='+item.status+ '&id='+item.id
				})
				
			}
			if (item.status == 4) {
				uni.navigateTo({
					url: '../orderList/confirmDelivery/deliveryCourier/deliveryCourier?status='+item.status+ '&id='+item.id
				})
			}
		},
		// 退单接口
		 singleCheck(type,order_id){
			 this.api.singleBack({
				 type,
				 order_id
			 })
			 .then(res=>{
				console.log(res); 
				that.orderStatus()
			 })
			 .catch(err=>{})
		 },
		confirmOrder(id){
			this.calendar=true
			console.log(123)
			this.id = id
			this.$refs.calendar.open()
		},
		// 关闭弹框
		close(e){
			this.calendar = false
			
		},
		// picker
		bindPickerChange: function(e) {
			console.log('picker发送选择改变，携带值为', e.target.value)
			this.index = e.target.value
		},
		calendarChange(e){
			console.log(e.fulldate)
			this.isShow = true
			
		},
		// 确认发货
		confirmDelivery(item) {
			
			if (item.status == 3) {
				uni.navigateTo({
					url: '../orderList/confirmDelivery/deliveryAllOrPart/deliveryAllOrPart?status='+item.status +'&id='+item.id
				})
			}
			if (item.status == 4) {
				uni.navigateTo({
					url: '../orderList/confirmDelivery/deliveryAllOrPart/deliveryAllOrPart?status='+item.status +'&id='+item.id
				})
			}
		},
		// 查看评价
		checkEvaluation() {
			uni.navigateTo({
				url: '../orderList/historyEvaluation/historyEvaluation'
			})
		},
		downCallback(){
			this.mescroll.resetUpScroll()
		},
		// 上拉加载
		upCallback(page){
			let pageNum = page.num; // 页码, 默认从1开始
			let pageSize = page.size;
			
			this.api.getAppGoodsSearchList({
				goodsName:'男式半高领',
				page:pageNum,
				limit:pageSize
			})
			.then(res=>{
				let curPageData = res.records;
				let curPageLen = curPageData.length;
				let totalPage = res.pages;
				if (page.num == 1) this.dataList = [];
				this.dataList = this.dataList.concat(curPageData);
				this.mescroll.endByPage(curPageLen, totalPage);
				console.log(res);
			})
			.catch(err=>{
				// console.log(err);
				this.tui.toast(err)
				this.mescroll.endSuccess()
			})
			},
		}
	}
</script>

<style lang="less">
	page{
		background: #F9F9F9;
	}
	.dd-head{
		display: flex;
		justify-content: space-between;
		padding: 0rpx 54rpx;
		line-height: 84rpx;
		border-bottom: 1px solid rgba(238,238,238,1);
		position: -webkit-sticky;
		position: sticky;
		top: var(--window-top);
		z-index: 99;
		background: #FFFFFF;
	}
	.dd-sitem{
		font-size:34rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight:500;
		line-height: 84rpx;
		color:#077840;
		border-bottom: 4rpx solid #077840;
	}
	.dd-item{
		font-size: 34rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 84rpx;
	}
	.scroll-h {
	    width: 750rpx;
	    height: 84rpx;
		background-color: #FFFFFF;
		// padding: 0 54rpx;
	    flex-direction: row;
	    /* #ifndef APP-PLUS */
	    white-space: nowrap;
	    /* #endif */
	    /* flex-wrap: nowrap; */
	    /* border-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px; */
	}
	
	.uni-tab-item {
	    /* #ifndef APP-PLUS */
	    display: inline-block;
	    /* #endif */
	    flex-wrap: nowrap;
	    padding-right: 70rpx;
		padding-left: 54rpx;
	}
	
	.uni-tab-item-title {
	    color: #555;
	    font-size: 34rpx;
		padding: 16rpx 0;
	    height: 84rpx;
	    line-height: 84rpx;
	    flex-wrap: nowrap;
	    /* #ifndef APP-PLUS */
	    white-space: nowrap;
	    /* #endif */
	}
	
	.uni-tab-item-title-active {
	    color: #007AFF;
		border-bottom: 4rpx solid #2D965A;
	}
	.line-h{
		height: 1rpx;
		background-color: #cccccc;
	}
	.serchlist{
		padding: 0 30rpx;
		&_item{
			display: flex;
			padding: 30rpx 0;
			border-bottom: 2rpx solid #EEEEEE;
			&_image{
				width: 200rpx;
				height: 200rpx;
			}
			&_right{
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				margin-left: 20rpx;
				&_name{
					height: 42rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 40rpx;
				}
				&_bottom{
					display: flex;
					justify-content: space-between;
					align-items: center;
					&_text{
						// display: flex;
						// align-items: center;
						&_money{
							font-size: 26rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #FF6269;
							line-height: 58rpx;

						}
						&_price{
							font-size: 42rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #FF6269;
							line-height: 58rpx;

						}
						&_num{
							margin-left: 20rpx;
							font-size: 22rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
							line-height: 58rpx;

						}
					}
					&_image{
						width: 44rpx;
						height: 44rpx;
					}
				}
			}
		}
		&_color{
			border: none;
		}
	}
	// 空状态
	.emptyda{
		margin-bottom: 60rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		&_image{
			width: 128rpx;
			height: 114rpx;
			margin: 80rpx 0 30rpx;
		}
		&_text{
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 32rpx;
		}
		&_text{
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 32rpx;
		}
	}
	// 更多推荐样式
	.more{
		padding: 0 30rpx;
		&_title{
			text-align: center;
			font-size: 36rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			line-height: 50rpx;

		}
		&_list{
			display: flex;
			flex-wrap: wrap;
			margin-top: 30rpx;
			justify-content: space-between;
			&_item{
				margin-bottom: 30rpx;
				width: 330rpx;
				height: 484rpx;
				background: #FFFFFF;
				border-radius: 8rpx;
				display: flex;
				flex-direction: column;
				image{
					width: 330rpx;
					height: 330rpx;
					border-radius: 8rpx 8rpx 0rpx 0rpx;

				}
				&_name{
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #333333;
					line-height: 40rpx;
					margin: 20rpx 0;
					padding-left: 20rpx;
				}
				&_price{
					// width: 106rpx;
					height: 44rpx;
					font-size: 34rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #FF6269;
					line-height: 44rpx;
					padding-left: 20rpx;
				}
			}
		}
	}
	.item-content {
		background-color: #F9F9F9;
		// padding-top: 194rpx;
		box-sizing: border-box;
	
		.item {
			width: 690rpx;
			// height: 600rpx;
			margin: 0 auto;
			margin-top: 20rpx;
			background-color: #fff;
			padding-bottom: 30rpx;
			box-sizing: border-box;
			
	
			&:last-child {
				margin-bottom: 20rpx;
			}
		}
	
		.buyers {
			.buyers-bigBox {
				margin: 0 30rpx;
	
				.buyers-box {
					width: 100%;
					height: 99rpx;
					line-height: 99rpx;
					border-bottom: 2px solid #EEEEEE;
					display: flex;
					justify-content: space-between;
	
					.buyers-left {
						display: flex;
						justify-content: flex-start;
	
						.courier {
							width: 108rpx;
							height: 52rpx;
							border-radius: 8px;
							border: 2px solid #077840;
							margin-top: 20rpx;
							font-size: 22rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #077840;
							line-height: 52rpx;
							text-align: center;
						}
	
						.buyers-name {
							font-size: 26rpx;
							font-family: PingFangSC-Medium, PingFang SC;
							font-weight: 500;
							color: #333333;
							margin-right: 20rpx;
						}
					}
	
					.buyers-right {
						.buyers-mobile {
							font-size: 26rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #077840;
							margin-right: 20rpx;
						}
	
						.goods-status {
							font-size: 26rpx;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #077840;
						}
					}
	
				}
	
				.goods-detail {
					// height: 350rpx;
					width: 100%;
					border-bottom: 2px solid #EEEEEE;
					margin-top: 28rpx;
	
					.goods-top {
						display: flex;
						justify-content: flex-start;
	
						.goods-img {
							width: 180rpx;
							height: 180rpx;
							margin-right: 20rpx;
	
							image {
								width: 100%;
								height: 100%;
							}
						}
	
						.goods-detail-text {
							height: 180rpx;
							width: 430rpx;
	
							.goods {
								display: flex;
								justify-content: space-between;
								margin-bottom: 10rpx;
								font-size: 28rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #333333;
							}
	
							.goods-species {
								display: flex;
								justify-content: space-between;
								font-size: 24rpx;
								font-family: PingFangSC-Regular, PingFang SC;
								font-weight: 400;
								color: #999999;
							}
						}
					}
	
					.packing {
						display: flex;
						justify-content: space-between;
						font-size: 26rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						margin: 20rpx 0;
					}
	
					.total-price {
						font-size: 26rpx;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #999999;
						margin-bottom: 30rpx;
	
						.total {
							color: #333333;
						}
					}
				}
	
				.order-number {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					margin-top: 28rpx;
	
					.number {
						color: #333333;
					}
				}
	
				.order-time {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #999999;
					margin-top: 20rpx;
					margin-bottom: 30rpx;
	
					.time {
						color: #333333;
					}
				}
	
				.order-btn {
					font-size: 26rpx;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					display: flex;
					justify-content: flex-end;
	
					.btn {
						width: 136rpx;
						height: 64rpx;
						line-height: 64rpx;
						text-align: center;
						background: #FFFFFF;
						border-radius: 8rpx;
					}
	
					.refund-btn {
						border: 2rpx solid #CECECE;
						// box-sizing: border-box;
						color: #666666;
					}
	
					.confirm-btn {
						border: 2rpx solid #077840;
						// box-sizing: border-box;
						color: #077840;
						margin-left: 10rpx;
					}
	
				}
			}
		}
	}
	
	.common {
		display: flex;
		justify-content: flex-end;
	}
	
	.sta-sty {
		view {
			margin-bottom: 0;
			margin: 4rpx 0 !important;
		}
	
		.sta1 {
			margin-right: 312rpx !important;
		}
	
		.sta2 {
			margin-right: 226rpx !important;
		}
	
		.sta3 {
			margin-right: 268rpx !important;
		}
	}
	
	/deep/uni-model .uni-model {
		width: 560rpx;
		height: 360rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
	}
	/deep/uni-modal .uni-modal__title {
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
	}
	
	/deep/uni-modal .uni-modal__bd {
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	
	.pop-up {
		width: 100%;
		height: 43%;
		background: rgba(0, 0, 0, .7);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		.calendar {
			width: 750rpx;
			height: 608rpx;
			background: #FFFFFF;
			border-radius: 16rpx 16rpx 0px 0px;
			position: absolute;
			bottom: 0%;
			left: 0%;
			// padding: 0 10rpx;
			box-sizing: border-box;
		}
	}
	/deep/.w-picker-header uni-text:last-child {
		color: #077840!important;
	}
	.goods-sta {
		width: 166rpx;
	}
	
	.goods-sta1 {
		width: 252rpx;
	
	}
	
	
	.sta {
		height: 52rpx;
		background: #F3F8F6;
		border-radius: 8rpx;
		font-size: 22rpx;
		line-height: 52rpx;
		text-align: center;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #077840;
		margin-bottom: 30rpx;
		padding: 0 10rpx;
		box-sizing: border-box;
	}
	.goods-sta2 {
		width: 212rpx;
		color: #999999;
		background-color: #EEEEEE;
	}
	// 空状态
	.emptyda{
		margin-bottom: 60rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		&_image{
			width: 128rpx;
			height: 114rpx;
			margin: 80rpx 0 30rpx;
		}
		&_text{
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 32rpx;
		}
		&_text{
			font-size: 22rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 32rpx;
		}
	}
</style>
